<template>
    <div class="act-list">
        <div class="act-group">
            <div class="thumb-img" @click="activeDetail()">
                <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://img.yzcdn.cn/vant/cat.jpeg" />
            </div>
            <div class="title">全国百校进课堂活动进行</div>
            <div class="date-info">
                <span>2020-01-01 17:00至2020-01-01 17:00</span>
                <p class="looking-num float-right">
                    <i class="iconfont icon-wode"></i>
                    <span>123人</span>
                </p>
            </div>
        </div>
    </div>
</template>

<script>

export default {
  props:{

  },
  data(){
    return {
      IMG_ROOT:window.config.IMG_ROOT
    }
  },
  methods:{
    activeDetail(){
      this.$router.push({ name: 'activeDetail' });
    }
  }

}
</script>


<style scoped lang="scss">
.act-list{
    .act-group{
        width: 100%;
        padding:.4rem;
        background:#fff;
        .thumb-img{
            height:4.4rem;
        }
        .title{
            font-size:.506667rem;
            color:#000;
            margin-top:.266667rem;
        }
        .date-info{
            font-size:.373333rem;
            color:#666;
            margin-top:.133333rem;
            .looking-num{
                .iconfont-wode{
                    font-size:.533333rem;
                    color:#666;
                }
            }
        }
    }
}
</style>
